<!--
 * Copyright TLR Team, Inc. All Rights Reserved.
-->
<ng-include src="'app/mvp/template/view/form/rename.html'"></ng-include>
<div class="purifier-bg">
    <div class="container-fluid">
        <!-- /.row -->
        <div class="row">
            <div class="device-item-title item-font title-bg"><div class="device-title-txt">空气净化器滤网消耗</div><div class="right-triangle"></div></div>
        </div>
        <div class="row" ng-repeat="airPercolator in airPercolators track by $index">
            <div class="col-sm-12 device-item-container" style="margin-top:10px;">
                <div class="device-item background" style="margin-bottom: 0px;">
                    <div class="device-item-alias" style="text-align:center;margin-left:0;margin-bottom:10px;margin-top:20px;padding-top:12px;padding-bottom:8px;">
                        <span class="item-font">{{airPercolator.name}}({{airPercolator.value}}%)</span>
                    </div>
                    <div class="device-item-txt" style="padding-top:0px;text-align:center; margin-left:0;margin-bottom:0px;min-height:10px;">
                        <div class="meter animate">
                            <span style="width: {{airPercolator.value}}%;background-color:{{getAirPercolatorUsageColor(airPercolator.value)}};"></span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- /.row -->
    </div>
</div>
